$(function() {
    //遮罩层宽高自适应
    function zzc() {
        var zzcHeight = $(".y_dt img").height();
        var zzcWidth = $(".y_dt img").width();
        $(".y_meng").each(function () {
            $(this).height(zzcHeight);
            $(this).width(zzcWidth);
        })
    };
    $(window).load(zzc);
    $(window).resize(zzc);
//弹窗
    var lightbox = new LightBox({
        speed: 'fast',
        maxWidth: 600,
        maxHeight: 600
    });

//侧边栏出现
    $(".stg").find(".icon-santiaogang").click(function () {
        $(".content").css("display", "block");
    })
    $(".content").find("aside").hover(function () {
        $(this).animate({
            width: "240",
        }, 500);
        $(".aside_ul li").find("span").show("slow");
        $(".aside_ul li").find("b").show("slow");
    }, function () {
        $(this).animate({
            width: "60",
        }, 500);
        $(".dom").css("display", "none");
        $(".aside_ul li").find("span").css("display", "none");
        $(".aside_ul li").find("b").css("display", "none");
    });
    $(".nav_input").find("input").focus(function () {
        $(this).animate({
            width: 240
        }, 500);
    })
    $(".nav_input").find("input").blur(function () {
        $(this).animate({
            width: 160
        }, 500);
    })
    $(".libox").hover(function () {
        $(this).find("i").css("color", "white");
        $(this).find("span").css("color", "white");
    }, function () {
        $(this).find("i").css("color", "#97999f");
        $(this).find("span").css("color", "#97999f");
    });
    $(".libox").toggle(function () {
        $(this).find("b").css({borderColor: "transparent white white transparent", top: "24px"});
    }, function () {
        $(this).find("b").css({borderColor: "white white transparent transparent", top: "28px"});
    });
    $(".libox:first").toggle(function () {
        $(".dom").show("slow");
    }, function () {
        $(".dom").hide("slow");
    });
    $(".Bheader_6").click(function () {
        $(".Bright").animate({
            right: 0, opacity: 'show'
        }, 1000);
    })
    $(".Bright_1_1").click(function () {
        $(".Bright").animate({
            right: 0, opacity: 'hide'
        }, 1000);
    })

    $(".Bright_2_1_1").find("a").click(function () {
        var public = $(this).css('background-color');
        $("nav").css("background", public);
        $(".Bright_1").css("background", public);
        $(".Bheader_5").css("color", public);
        $(".aside_ul li").eq(4).css("background", public);
        console.log($(this).find("p"))
        if ($(this).find("p").length == 0) {
            $(this).append("<p style='color:white;font-size:22px;font-weight: bold;padding-left:15px;padding-top:10px'>√</p>");
        }
        $(this).find("p").css("display", "block").parent().siblings().find("p").css("display", "none");
        $(".Bright_2_2_1").find("a").find("p").css("display", "none");
    });
    $(".Bright_2_2_1").find("a").click(function () {
        var public = $(this).css('background-color');
        $("nav").css("background", public);
        $(".Bright_1").css("background", public);
        $(".Bheader_5").css("color", public);
        $(".aside_ul li").eq(4).css("background", public);
        if ($(this).find("p").length == 0) {
            $(this).append("<p style='color:white;font-size:22px;font-weight: bold;padding-left:15px;padding-top:10px'>√</p>");
        }
        $(this).find("p").css("display", "block").parent().siblings().find("p").css("display", "none");
        $(".Bright_2_1_1").find("a").find("p").css("display", "none");

    });

    $(".nav_ul li").each(function(){
        $(this).click(function(event){

            event.stopPropagation();
            var index=$(this).index();
            if(index==0){

                $(this).children("ul").animate({
                    top:60
                },500);
                $(this).next().children("div").hide(20,function(){
                    $(this).animate({
                        top:300
                    },500)
                });
            }else if(index==1){
                $(this).children("div").show("fast",function(){
                    $(this).animate({
                        top:60
                    },500);
                });
                $(this).prev().children("ul").animate({
                    top:-400
                });
            }
        });
    });
    $("body").click(function () {
        $(this).find(".nav_ul_1").animate({
            top: -400
        }, 500);
        $(this).find(".nav_ul_2").hide(function () {
            $(this).animate({
                top: 300
            }, 500);
        });
    })
})